<%--
  Created by IntelliJ IDEA.
  User: 24044
  Date: 2021/7/17
  Time: 19:22
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Hello</title>
<%--    引入本地jQuery库--%>
    <script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<%--    引入在线jQuery库--%>
<%--    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>--%>
    <script type="text/javascript">
        $(function () {
            $("#btn").click(function () {
                $.ajax({
                    //无返回值处理ajax请求
                    // url:"returnVoid-ajax.do",
                    
                    //返回一个对象处理ajax请求
                    // url:"returnStudent-ajax.do",
                    
                    //返回一个对象集合处理ajax请求
                    // url:"returnStudentList-ajax.do",

                    //返回一个string字符串数据
                    url:"returnString-ajax.do",
                    data:{name:"刘明福",age:22},
                    type:"post",
                    // dataType:"json",
                    dataType:"text",//返回的是数据，要用text文本格式
                    success:function (resp) {//集合返回的数据是一个数组，需要遍历输出
                        alert("返回的文本数据是："+resp);

                        // alert(resp.name+","+resp.age);

                        // $.each(resp,function (i,n) {
                        //     alert(n.name+"   "+n.age);
                        // })
                    }
                })
            })
        })
    </script>
</head>
<body>
    <p>controller方法返回String表示视图名称</p>
    <form action="returnString-view.do" method="post">
        姓名：<input type="text" name="name"/><br/>
        年龄：<input type="text" name="age"/><br/>
        <input type="submit" value="提交参数">
    </form><br/>
    <p>controller方法返回String表示视图完整路径名称</p>
    <form action="returnString-view2.do" method="post">
        姓名：<input type="text" name="name"/><br/>
        年龄：<input type="text" name="age"/><br/>
        <input type="submit" value="提交参数">
    </form><br/>
    <button id="btn">发起ajax请求</button>


</body>
</html>
